/* BASIC */


.body {
	font: 62.5% Arial;
	width:100%;
	
	margin: 0 auto;
	margin-left: auto;
	margin-right: auto;
	padding: 5 5 5 5px;
	background: white;

}

.body h2 {
	clear: right;
	float: left;
}

.body_1 {
	font: 62.5% Arial;
	width:90%;
	
	margin: 0 auto;
	margin-left: auto;
	margin-right: auto;
	padding: 0 5px;
	background: white;

}

.banner{
	width: 90%;
	height: 25px;
	margin-left: 10px;
	background-image: url(php_mobile.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;	
	
}

/* .new_Mainnav {
	width: 80%;
}


.new_Mainnav li {
	height: 3em;
	list-style: none;
	font-size: 2em;
}

.new_Mainnav a {
	font-size: 2em;
	
} */

.new_mainNav {
	
	margin: 0 0 0 0;
	margin-bottom: 10px;
	width: 100%;
	border: none;
	background-color: white;
}

/* following hack ensures that IE6 will display the main nav bar wide enough. */

*html .new_mainNav {width: 100%; padding-left: 0px; margin-left: 0px;}

.new_mainNav ul {
	width: 100%;
	margin-left: 0;
	padding-left: 0;
}

.new_mainNav li {
	background: white;
	margin: 0 0 0 0;	
	
	list-style: none;
	float: right;
	
}


/* following hack ensures that IE6 will display correctly. */

*html .new_mainNav li {}

.new_mainNav a {
	font-family: arial,verdana;
	font-weight: normal;
	color: black;
	text-decoration: none;
	font-size: 1.7em;
	text-transform: lowercase;
	
	display: block;
	padding: 0px 10px 10px 5px;
	
	background-color: white;
}

.new_mainNav a:link {
	color: black;
}

.new_mainNav a:hover {
	background: grey;
	font-weight: normal;
}

/* IE Fixes */

/* force hover on entire width of  link */
* html new_mainNav a {height: 1px;}



.preload {
	background-image:url(php_mobile.jpg);
	display: none;
}

.welcome {
	padding-left: 0px;
	padding-right: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-left: 0px;
	width: 100%;
	float: left;
	background-color: #e1e1e1;
}
.welcome p {
	background: #e7e7e7;
	padding: 20px;
	text-align: justify;
	font-size: 1.2em;
	
	
}

.welcome form {
	margin-top: 10px;
	background: #e1e1e1;
	padding: 5px;
	text-align: justify;
}

.welcome h3 {
	margin: 0 auto;	
	color: #e1e1e1;
}

.welcome h1{
	margin-top: 5px;
	margin-bottom: 5px;
	padding-bottom: 0px;
	font-family: arial,verdana;
	text-align: center;
	font-size: 2em;
	
}

#home_page_nav {
	float: left;
	width: 100%;
	margin: 0;
	margin-left: 0px;
	background-color: white;
	
}

ul#home_page_nav {
	list-style: none;
	padding-left: 0;
	margin-left: 0px;
	
	
	}

#home_page_nav li {
	float: left;
	margin: 0;
	padding: 0;
	display: inline;
	font: verdana;
}

#home_page_nav img {
	
	border: 0px;
	padding-bottom: 5px;
	padding-top: 10px;

}

#home_page_nav a {
	font: arial,verdana;
	text-decoration: none;
	
	font-size: 1.1em;
	text-transform: lowercase;
	text-align: center;	
	display: block;
	height: 200px;
	padding: 0 0 0 5px;
	background: blue ;
	
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 10px;
	
	
	
}

#home_page_nav p {
	
	height: 4em;
	margin: 0 auto;
	
}


#home_page_nav a:hover {
	background: #B1B1B1 ;
	font-weight: normal;
}

#home_page_big_image {
	float: left;
	width: 100%;
	margin: 0;
	margin-top: 5px;
	margin-left: 0px;
	background-color: white;
	
}

ul#home_page_big_image {
	list-style: none;
	padding-left: 0;
	margin-left: 0px;
	
	
	}

#home_page_big_image li {
	float: left;
	margin: 0;
	padding: 0;
	display: inline;
	font: verdana;
}

#home_page_big_image img {
	
	border: 0px;
	margin-left: 0px;
	padding-bottom: 0px;
	padding-top: 0px;

}

#home_page_big_image a {
	font: arial,verdana;
	text-decoration: none;
	
	font-size: 1.1em;
	text-transform: lowercase;
	text-align: center;	
	display: block;
	
	padding: 0 0 0 0px;
	background: white ;
	
	
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 10px;
	
	
	
}

#home_page_big_image p {
	
	height: 4em;
	margin: 0 auto;
}


#home_page_big_image a:hover {
	background: #B1B1B1 ;
	font-weight: normal;
}

.hp_video {
	background-color: #a7a7a7;
	font: arial,verdana;
	text-decoration: none;
	color: #000000;
	clear: left;
	float: left;
	margin-top: 10px;
	margin-left: 0px;
	width: 100%;
	
	}

.hp_video iframe{
	margin-left:10px;
	margin-right: 10px;
	margin-top: 30px;
	margin-bottom: 10px;
}

.hp_video img{
	clear: right;	
	float: left;
	border: 0px;
	margin-top: 0px;
	margin-left: 10px;
	padding-left: 0px;
	margin-bottom: 10px;
	padding-right: 10px;
	height: 100px;
	}

.hp_video p {
	clear: right;
	float: right;
	border: 0px;
	
	
	margin-left: 10px;
	margin-right: 5px;
	margin-top: 0px;
	margin-bottom: 10px;
	font-size: 1.5em;
	
	}

.hp_video object {
	
	float: right;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	}

.hp_video:hover {
	background: #c1c9c9 ;
	font-weight: normal;

}

.hp_video h1{
	float: right;
	margin-right: 5px;
	margin-top: 15px;
	margin-left: 10px;
	padding-bottom: 0px;
	font-family: arial,verdana;
	text-align: left;
	font-size: 2em;
	
}

.hp_video video {
	margin-top: 10px;
	margin-left: 10px;
	margin-bottom: 10px;

}


/*THis is for the links to other pages from the homepage where there is a big picture that doesn't display properly using the inline style=background-image. */
/* The background image is to be delcared in this css file. */

.hp_video_1 {
	background-image: url(home_page_1_small.jpg); background-position: left;
	font: arial,verdana;
	text-decoration: none;
	color: #000000;
	clear: left;
	float: left;
	margin-top: 10px;
	margin-left: 0px;
	width: 100%;
	
	}

.hp_video_1 iframe{
	margin-left:10px;
	margin-right: 10px;
	margin-top: 30px;
	margin-bottom: 10px;
}

.hp_video_1 img{
	clear: right;	
	float: left;
	border: 0px;
	margin-top: 0px;
	margin-left: 10px;
	padding-left: 0px;
	margin-bottom: 10px;
	padding-right: 10px;
	}

.hp_video_1 p {
	clear: right;
	float: left;
	border: 0px;
	
	
	margin-left: 10px;
	margin-right: 5px;
	margin-top: 0px;
	margin-bottom: 10px;
	font-size: 1.5em;
	
	}

.hp_video_1 object {
	
	float: right;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	}

.hp_video_1:hover {
	background: #c1c9c9 ;
	font-weight: normal;

}

.hp_video_1 h1{
	float: left;
	margin-top: 35px;
	margin-left: 10px;
	padding-bottom: 0px;
	font-family: arial,verdana;
	text-align: left;
	font-size: 2em;
	
}

.hp_video_1 video {
	margin-top: 10px;
	margin-left: 10px;
	margin-bottom: 10px;

}


/* end of new CSS for big home page pictires */





/* this is for the white title on the headline image of the homepage. */
#p1 {color: white; margin-top: 110px;}
#p3 {color: black; margin-top: 160px;}
#p4 {color: black; margin-top: 120px;}
#p5 {color: white; margin-top: 180px;}
#p6 {color: white; margin-top: 5px;}
#p7 {color: black; margin-top: 5px;}
#white {color: white;}
#yellow {color: yellow;}

.footer_cookies {
	clear: both;
	float: left;
	font: 100% Arial;
	
	
	font-size: 10px;
	font-weight: normal;
	background-color: #E7E7E7;
	
	margin-left: 00px;
	margin-top: 10px;

}


/* Following hack ensure the footer is displayed wide enough in IE6. */
* html .footer_cookies {
	display: inline;
	margin-left: 10px;
}

.footer_cookies p {
	
	margin: 0 auto;
	margin-left: 10px;
	padding-left: 0px;
	padding-top: 2px;
	padding-bottom: 2px;
	background-color: #E7E7E7;
}

.hp_small_image {
	background-color: #a7a7a7;
	font: arial,verdana;
	text-decoration: none;
	color: #000000;
	clear: right;
	float: left;
	margin-top: 5px;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	
	
	}

.hp_small_image iframe{
	clear: right;
	float: right;
	margin-left: 0px;
	margin-right: 10px;
	margin-top: 10px;
}

.hp_small_image object {
	
	float: right;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.hp_small_image img{
	float: left;
	border: 0px;
	margin-top: 5px;
	margin-left: 10px;
	margin-bottom: 10px;
	padding-left: 5px;
	padding-bottom: 0px;
	padding-right: 0px;
	}

.hp_small_image a {
	
	
	background-color: #a7a7a7;
	
	font: arial,verdana;
	text-decoration: none;
	
	font-size: 1.1em;
	text-transform: lowercase;
	text-align: center;	
	display: block;
	
	padding: 0 0 0 0px;
	background: white ;
	
	
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	
	
	
}

.hp_small_image p {
	clear: both;
	float: left;
	border: 0px;
	width: 90%;
	margin-left: 10px;
	margin-right: 5px;
	margin-top: 5px;
	margin-bottom: 10px;
	font-size: 1.5em;
	
	}


.hp_small_image:hover {
	background: #c1c9c9 ;
	font-weight: normal;

}

.hp_small_image h1{
	float: left;
	margin-top: 10px;
	margin-left: 10px;
	padding-bottom: 0px;
	font-family: arial,verdana;
	text-align: left;
	font-size: 2em;
	
}

.article_1 {
	clear: left;
	float: left;
	width: 100%;
	height: 400px;
	border:5px blue;
	margin-top: 40px;
	margin-left: 0px;
	background-color: white;
	-moz-box-shadow: 0 0 5px #888;
	-webkit-box-shadow: 0 0 5px#888;
	box-shadow: 0 0 5px #888;
}

.article_1 h2 {
	padding-top: 20px;
	margin-left: 20px;
	margin-right: 15px;
	font: Arial;
}

.article_1 h3 {
	clear: right;
	float: left;
	padding-top: 0px;
	margin-left: 20px;
	margin-right: 15px;
	font: Arial;
}

.article_1 p {
	padding-top: 0px;
	margin-left: 20px;
	margin-right: 15px;

}

.article_1 img {
	margin-left: 20px;
	border: 0;
}


.article_2 {
	clear: left;
	float: left;
	width: 100%;
	height: 400px;
	border:5px blue;
	margin-left: 0px;
	margin-top: 40px;
	background-color: white;
	-moz-box-shadow: 0 0 5px #888;
	-webkit-box-shadow: 0 0 5px#888;
	box-shadow: 0 0 5px #888;
}

.article_2 h2 {
	padding-top: 20px;
	margin-left: 20px;
	margin-right: 15px;
	font: Arial;
}

.article_2 h3 {
	clear: right;
	float: left;
	padding-top: 0px;
	margin-left: 20px;
	margin-right: 15px;
	font: Arial;
}

.article_2 p {
	padding-top: 0px;
	margin-left: 20px;
	margin-right: 15px;

}

.article_2 img {
	margin-left: 20px;
	border: 0;
}


.article_3 {
	clear: right;
	float: left;
	width: 100%;
	height: 400px;
	border:5px blue;
	margin-top: 40px;
	margin-left: 0px;
	background-color: white;
	-moz-box-shadow: 0 0 5px #888;
	-webkit-box-shadow: 0 0 5px#888;
	box-shadow: 0 0 5px #888;
}

.article_3 h2 {
	padding-top: 20px;
	margin-left: 20px;
	margin-right: 15px;
	font: Arial;
}

.article_3 h3 {
	clear: right;
	float: left;
	padding-top: 0px;
	margin-left: 20px;
	margin-right: 15px;
	font: Arial;
}

.article_3 p {
	padding-top: 0px;
	margin-left: 20px;
	margin-right: 15px;

}

.article_3 img {
	margin-left: 20px;
	border: 0;
}

.page_title {
	float: right;
	margin-left: 450px;	
	margin-right: 5px;
	margin-top: 10px;
	}

.image_page {
	clear: both;
	float: left;
	margin: 0 auto;
	width: 100%;
	margin-left: 10px;
	margin-top: 5px;
	margin-bottom: 20px;
	font-family: arial,verdana;
	
		
}

/* Following hack ensure the margin is correct for IE6. */
* html .image_page {}

.image_page ul {
	clear: both;
	width: 100%;
	list-style: none;
	margin: 0 auto;
	padding-left: 0;
	
	}

.image_page li {
	float: left;
	margin: 0 0 0 0px;
	margin-bottom: 5px;
	padding: 0 0 0 0px;
	display: inline;
	
	
	
}
	

.image_page img {
	clear: both;
	border: none;
	padding-bottom: 2px;
	padding-left: 5px;
	padding-right: 10px;
	padding-top: 20px;
	
	
}

.image_page a {
	
	border: none;
	font-size 1.1em;
	font-family: arial,verdana;
	text-decoration: none;
	
	text-transform: lowercase;
	text-align: center;	
	vertical-align: bottom;
	display: block;
	
	padding: 0 0 0 0px;
	background-color: #E7E7E7 ;
	
	height: 200px;
	width: 100%;
	margin-left: 8px;
	margin-top: 5px;
	
	}


* html .image_page a {margin-left: 15px;}


.image_page p {
	clear: both;
	float: none;
	
	text-align: center;
	
	margin: 0 auto;
	width: 100px;
	font-family: arial,verdana;
	padding-left: 1px;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-right: 1px;
	
	
}

.image_page h4 {
	clear: both;
	
	display: block;
	width: 100%;
	text-align: center;
	margin: 0 0 0 0;
	height: .9em; 
	font-family: arial,verdana;
	color: #C1C1C1;
	padding-left: 5px;
	padding-top: 1px;
	padding-bottom: 1px;
	
}



.image_page a:hover {
	background: #B1B1B1 ;
	
	font-weight: normal;
}


ul#ex_image_page {
	list-style: none;
	padding-left: 0;
	margin-left: 0;
	
	}

#ex_image_page li {
	float: left;
	margin: 0;
	padding: 0;
	display: inline;
	font: verdana;
}
	

#ex_image_page img {
	border: 0px;
	padding-bottom: 5px;
	padding-top: 10px;

}

#ex_image_page a {
	border: none;
	font: arial,verdana;
	text-decoration: none;
	font-size: 1.1em;
	text-transform: lowercase;
	text-align: center;	
	display: block;
	height: 250px;
	padding: 0 0 0 0px;
	background: #E7E7E7 ;
	width: 178px;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 20px;
	}

#ex_image_page a {
	border: none;
	font: arial,verdana;
	text-decoration: none;
	font-size: 1.1em;
	text-transform: lowercase;
	text-align: center;	
	display: block;
	height: 200px;
	padding: 0 0 0 0px;
	background: #E7E7E7 ;
	width: 178px;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 20px;
	}

#ex_image_page p {
	
	height: 1.1em;
	margin: 0 auto;
	width: 140px;
	
}

#ex_image_page h4 {
	clear: both;
	margin: 0;
	
	color: #C1C1C1;
	padding-left: 10px;
}

	
#ex_image_page a:hover {
	background: #B1B1B1 ;
	font-weight: normal;
}

.bottom_of_page {
	clear: right;
	font: 100% Arial;
	width: 50%;
	height: 50px;
	margin-top: 20px;
	margin-bottom: auto;
	margin-left: auto;
	margin-right: auto;
	background-color: white;
}

.bottom_of_page p {
	background: white;
	float: left;
	font-size: 20%;
	padding-top: 0px;
}

.bottom_of_page a {
	font-size: 20%;
	background: white;
	margin-top: 15px;
	margin-right: 10px;
	float: right;
}


.bottom_of_page a:link {
	text-decoration: none;
	color: black;
}

.bottom_of_page link:p {
	clear: left;
	float: left;
	margin: 20px;
	text-align: justify;
}

.large_image {
	margin-top: 20px;
	margin-left: 0px;
	margin-right: 0px;
	width: 100%;
	clear: right;
	float: left;
	padding-left: 0px;
	padding-bottom: 10px;
	background-color: white;
}
.large_image img {
	font: arial,verdana;
	text-decoration: none;
	font-size: 1.1em;
	text-transform: lowercase;
	text-align: center;	
	display: block;
	
	margin-right: auto;
	margin-left: auto;
	padding-left: 0px;
	padding-top: 10px;
}

.large_image_details {
	clear: right;
	float: left;
	
	margin-top: 10px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	width: 100%;
	text-align: left;
	background-color: #F1F1F1;
}	

.large_image_details h2 {
	margin: 0 auto;
	text-align: left;
	padding-top: 15px;
	padding-left: 20px;
	padding-bottom: 10px;
	color: #a9a9a9;
	
}

.large_image_details h3 {
	margin: 0 auto;
	text-align: left;
	padding-top: 2px;
	padding-left: 20px;
	color: #b9b9b9;
	
}


.large_image_details p {
	width: 90%;
	margin-top: 5px;
	margin-left: 10px;
	margin-right: 10px;
	text-align: left;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 15px;
	
}

.large_image_details form {
	margin: 20px;
	background: #F1F1F1;
	padding: 10px;
	text-align: justify;
}

.large_image_details img {
	clear: left;
	float: left;
	border: none;
	padding-bottom: 10px;
	padding-left: 2px;
	padding-right: 0px;
	padding-top: 5px;
}

.contact_peter {
	clear: right;
	float: left;
	height: 80px;
	margin-top: 0px;
	padding-top: 0px;
	padding-left: 0px;
	margin-left: 0px;
	width: 100%;
	background-color: #F1F1F1;
	
}

.contact_peter img {
	clear: left;
	float: left;
	border: none;
	padding-bottom: 2px;
	padding-left: 20px;
	padding-right: 0px;
	padding-top: 0px;
	margin-left: 0px;
}

.alternative_photography {
	
	margin-left: 0px;
	margin-top: 10px;
	float: left;
	width: 100%;
	font-family: arial,verdana;
	background-color: #f1f1f1;
}

.alternative_photography h2 {
	margin-right: 0px;
	margin-top: 5px;
	margin-left: 10px;
	margin-bottom: 0px;
	text-align: left;
	color: #a1a1a1;
	width: 100%;
}

.alternative_photography h3 {
	margin-right: 0px;
	margin-top: 20px;
	margin-left: 15px;
	margin-bottom: 0px;
	text-align: left;
	color: #a1a1a1;
	width: 100%;
}

.alternative_photography ul {
	clear: left;
	width: 100%;
	list-style: none;
	margin-top: 10px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-left: 0px;
	background-color: #e7e7e7;
}

.alternative_photography li {
	float: left;
	margin: 0 0 0 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0 0 0 0px;
	display: inline;
	
}
	

.alternative_photography img {
	clear: left;
	border: none;
	padding-bottom: 2px;
	padding-left: 5px;
	padding-right: 10px;
	padding-top: 20px;
}

.alternative_photography a {
	
	border: none;
	font-size 1.1em;
	font-family: arial,verdana;
	text-decoration: none;
	
	text-transform: lowercase;
	text-align: center;	
	vertical-align: bottom;
	display: block;
	
	padding: 0 0 0 0px;
	background-color: #E7E7E7 ;
	
	height: 200px;
	width: 174px;
	margin-left: 8px;
	margin-top: 0px;
}

.alternative_photography_button {
	clear: left;
	float: right;
	background-color: #F1F1F1;
}

.alternative_photography_button h3 {
	margin-right: 10px;
	margin-top: 10px;
	margin-left: 0px;
	margin-bottom: 0px;
	text-align: left;
	color: #a1a1a1;
}

.alternative_photography_button a {
	border: none;
	font-size 1.1em;
	font-family: arial,verdana;
	text-decoration: none;
	text-transform: lowercase;
	text-align: center;	
	vertical-align: bottom;
	display: block;
	padding: 0 0 0 0px;
	background-color: #F1F1F1;
	height: 50px;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 10px;
}

.alternative_photography_button p {
	clear: right;
	float: left;
	text-align: right;
	margin: 0 auto;
	font-family: arial,verdana;
	padding-left: 1px;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-right: 10px;
}

.alternative_photography_button img {
	border: none;
	padding-bottom: 2px;
	padding-left: 0px;
	padding-right: 20px;
	padding-top: 5px;
}

.alternative_photography_button a:hover {
	background: #F1F1F1 ;
	font-weight: normal;
}


.rates {
	clear: right;
	float: left;
	
	margin-top: 10px;
	
	width: 100%;
	margin-right: auto;
	margin-left: 0px;
	text-align: left;
	background-color: #F1F1F1;
}

*html .rates {clear: both; float: left; width: 937px; margin-left: 00px;}

.rates h2 {
	padding: 10px;
	text-align: justify;
}

.rates p {
	padding-left: 5px;
	padding-right: 5px;
	text-align: left;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 10px;
	font-size: 1.4em;
}

.rates img {
	
	float: right;
	margin: 0 auto;
	padding-left: 40px;
	padding-top: 30px;
	padding-right: 40px;
	padding-bottom: 10px;
}

.rates table {
	width: 100%;
}

.rates caption {
	font-weight: bold;
	font-size: 2.5em;
}

.rates th {
	font-size: 1.8em;
	text-align: center;
}

.rates td {
	font-size: 1.6em;
}

.bio_centre {
	clear: right;
	float: left;
	
	margin-top: 10px;
	
	width: 100%;
	margin-right: auto;
	margin-left: 0px;
	text-align: left;
	background-color: #F1F1F1;
}

*html .bio_centre {clear: both; float: left; width: 938px; margin-left: 100px;}

.bio_centre h2 {
	background: #F1F1F1;
	padding: 10px;
	text-align: justify;
}

.bio_centre h4 {
	background: #F1F1F1;
	padding: 10px;
	padding-left: 5px;
	text-align: justify;
	font-size: 1.8em;
}

.bio_centre p {
	background: #F1F1F1;
	padding-left: 5px;
	padding-right: 5px;
	text-align: justify;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 10px;
	font-size: 1.4em;
}

.bio_centre img {
	
	float: right;
	margin: 0 auto;
	padding-left: 40px;
	padding-top: 30px;
	padding-right: 40px;
	padding-bottom: 10px;
}

.bio_centre iframe {
	
	float: left;
	margin-left: 75px;
	margin-right: 20px;
	margin-top: 5px;
	

}


.bio_centre_1 {
	clear: right;
	float: left;
	
	margin-top: 10px;
	
	width: 100%;
	margin-right: auto;
	margin-left: 0px;
	text-align: left;
	background-color: #F1F1F1;
}

*html .bio_centre_1 {clear: both; float: left; width: 938px; margin-left: 100px;}

.bio_centre_1 h2 {
	background: #F1F1F1;
	padding: 10px;
	text-align: justify;
}

.bio_centre_1 h4 {
	background: #F1F1F1;
	padding: 10px;
	padding-left: 5px;
	text-align: justify;
	font-size: 1.8em;
}

.bio_centre_1 p {
	background: #F1F1F1;
	padding-left: 5px;
	padding-right: 5px;
	text-align: justify;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 10px;
	font-size: 1.4em;
}

.bio_centre_1 img {
	
	float: right;
	margin: 0 auto;
	padding-left: 40px;
	padding-top: 30px;
	padding-right: 40px;
	padding-bottom: 10px;
}

.bio_centre_1 iframe {
	
	float: left;
	margin-left: 75px;
	margin-right: 20px;
	margin-top: 5px;
	

}


.Contact {
	clear: right;
	float: left;
	
	padding: 0 0 0 0px;
	margin-top: 10px;
	width: 100%;
	margin-left: 0px;
	margin-right: 5px;
	margin-bottom: 10px;
	text-align: left;
	background-color: white;
	font-family: arial,verdana;
	text-decoration: none;
	font-size: 1.1em;
}

*html .Contact {clear: right; float: left; margin-left: 0px; width: 100%;}

.Contact h2 {
	font-family: arial, verdana;
	background-color: white;
	padding-left: 5px;
	padding-top: 0px;
	padding-bottom: 0px;
	text-align: justify;
	margin-top: 5px;
	margin-left: 20px;
	margin-bottom: 0px;
}

.Contact h3 {
	padding-left: 10px;
	font-family: arial,verdana;
	text-decoration: none;
	font-size: 1.2em;
}

* html .Contact h3{}

.Contact p {
	padding-top: 7px;
	padding-left: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	margin-left: 5px;
	margin-top: 0px;
	margin-bottom: 0px;

	font-family: arial,verdana;
	text-decoration: none;
	font-size:  2em;
}


.email_messages {
	clear: left;
	float: left;
	
	padding: 0 0 0 0px;
	margin-top: 10px;
	width: 90%;
	
	margin-bottom: 10px;
	text-align: left;
	background-color: #F1F1F1;
	font-family: arial,verdana;
	text-decoration: none;
	font-size: 1.1em;
}


.email_messages p {
	padding-top: 7px;
	padding-left: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	margin-left: 20px;
	margin-top: 10px;
	margin-bottom: 0px;

	font-family: arial,verdana;
	text-decoration: none;
	font-size:  1.1em;
}

.testimonials {
	clear: right;
	float: left;
	
	margin-top: 10px;
	
	width: 100%;
	margin-right: auto;
	margin-left: 0px;
	text-align: left;
	background-color: #F1F1F1;
}

*html .testimonials {clear: both; float: left; width: 500px; margin-left: 100px;}

.testimonials h2 {
	background: #F1F1F1;
	padding: 10px;
	margin-left: 5px;
	text-align: justify;
}

.testimonials p {
	
	padding-left: 5px;
	padding-right: 5px;
	text-align: justify;
	margin-left: 5px;
	margin-right:5px;
	margin-top: 30px;
	font-size: 1.4em;
}

.testimonials img {
	
	float: right;
	margin: 0 auto;
	padding-left: 40px;
	padding-top: 30px;
	padding-right: 40px;
	padding-bottom: 10px;
}


.big_video {
	background-color: #e7e7e7;
	font: arial,verdana;
	text-decoration: none;
	color: #000000;
	clear: right;
	float: left;
	margin-top: 10px;
	margin-left: 0px;
	width: 100%;
	
	}

.big_video img{
	
	float:left;
	border: 0px;
	margin-top: 10px;
	padding-left: 10px;
	padding-bottom: 23px;
	padding-right: 10px;
	}

.big_video iframe{
	
	border: 0px;
	margin-left: 12px;
	margin-top: 5px;
	margin-bottom: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
	}


.big_video p {
	float: left;
	border: 0px;
	clear: right;
	
	width: 90%;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 0px;
	margin-bottom: 10px;
	font-size: 2em;
	
	}

.big_video object {
	clear: left;
	float: right;
	margin-left: 0px;
	margin-right: 20px;
	margin-top: 0px;
	
	}

.big_video:hover {
	background: #c1c9c9 ;
	font-weight: normal;

}

.big_video h1{
	clear: both;
	float: left;
	margin-top: 15px;
	margin-left: 50px;
	padding-bottom: 20px;
	font-family: arial,verdana;
	text-align: left;
	font-size: 2em;
	
}


.full_width {
	margin-top: 5px;
	margin-right: 10px;
	margin-left: 10px;
	width: 90%;
	clear: right;
	float: left;
	background-color: #f1f1f1;
	-moz-box-shadow: 0 0 0 10px #888;
	-webkit-box-shadow: 0 0 0 10px#888;
	box-shadow: 0 0 10px #888;
}

.full_width p {
	clear: left;
	float: left;
	font: 100% Arial;
	width: 90%;
	margin-top: 0px;
	padding-left: 10px;
	text-align: justify;
	
	
}

.full_width a {
	clear: right;
	float: right;
	margin-top: 20px;
	margin-right: 50px;
	margin-left: 0px;
}

.full_width h3 {
	clear: left;
	float: left;
	padding: 10px;
}	



.full_width iframe {
	clear: right;
	float: left;
	width: 90%;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 20px;
	

}

.legal_centre {
	clear: right;
	float: left;
	margin-top: 10px;
	width: 100%;
	margin-right: auto;
	margin-left: 5px;
	text-align: left;
	background-color: #F1F1F1;
}

*html .legal_centre {clear: both; float: left; width: 100%; margin-left: 10px;}

.legal_centre h2 {
	background: #F1F1F1;
	padding: 10px;
	text-align: justify;
	margin-left: 10px;
}

.legal_centre p {
	background: #F1F1F1;
	padding-left: 10px;
	padding-right: 10px;
	text-align: justify;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 30px;
}

.legal_centre img {
	
	float: right;
	margin: 0 auto;
	padding-left: 40px;
	padding-top: 30px;
	padding-right: 40px;
	padding-bottom: 10px;
}

.image_page {
	clear: right;
	float: left;
	margin: 0 auto;
	width: 100%;
	margin-left: 0px;
	margin-top: 5px;
	margin-bottom: 20px;
	font-family: arial,verdana;
	
		
}

/* Following hack ensure the margin is correct for IE6. */
* html .image_page {}

.image_page ul {
	
	width: 100%;
	list-style: none;
	margin: 0 auto;
	padding-left: 0;
	
	}

.image_page li {
/* line below sets the width of the grey border around the thumbnail. remove width will set it back to default. */
	width: 100%;
	
	margin: 0 0 0 0px;
	margin-bottom: 5px;
	padding: 0 0 0 0px;
	display: inline;
	
	
	
}
	

.image_page img {
	clear: both;
	border: none;
	padding-bottom: 2px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 20px;
	
	
}

.image_page a {
	
	border: none;
	font-size 1.1em;
	font-family: arial,verdana;
	text-decoration: none;
	
	text-transform: lowercase;
	text-align: center;	
	vertical-align: bottom;
	display: block;
	
	padding: 0 0 0 0px;
	background-color: #E7E7E7 ;
	
	height: 200px;
/* line below was 178px as this made the image one per row. */
	width: 100%;
/* next line sets left/right position in list */
	margin-left: 0px;
	margin-top: 5px;
	
	}


* html .image_page a {margin-left: 15px;}


.image_page p {
	clear: both;
	float: none;
	
	text-align: center;
	
	margin: 0 auto;
	width: 100px;
	font-family: arial,verdana;
	padding-left: 1px;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-right: 1px;
	
	
}

.image_page h4 {
	clear: both;
	
	display: block;
	width: 100%;
	text-align: center;
	margin: 0 0 0 0;
	height: .9em; 
	font-family: arial,verdana;
	color: #C1C1C1;
	padding-left: 5px;
	padding-top: 1px;
	padding-bottom: 1px;
	
}



.image_page a:hover {
	background: #B1B1B1 ;
	
	font-weight: normal;
}


ul#ex_image_page {
	list-style: none;
	padding-left: 0;
	margin-left: 0;
	
	}

#ex_image_page li {
	float: left;
	margin: 0;
	padding: 0;
	display: inline;
	font: verdana;
}
	

#ex_image_page img {
	border: 0px;
	padding-bottom: 5px;
	padding-top: 10px;

}

#ex_image_page a {
	border: none;
	font: arial,verdana;
	text-decoration: none;
	font-size: 1.1em;
	text-transform: lowercase;
	text-align: center;	
	display: block;
	height: 250px;
	padding: 0 0 0 0px;
	background: #E7E7E7 ;
	width: 178px;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 20px;
	}

#ex_image_page a {
	border: none;
	font: arial,verdana;
	text-decoration: none;
	font-size: 1.1em;
	text-transform: lowercase;
	text-align: center;	
	display: block;
	height: 200px;
	padding: 0 0 0 0px;
	background: #E7E7E7 ;
	width: 178px;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 20px;
	}

#ex_image_page p {
	
	height: 1.1em;
	margin: 0 auto;
	width: 140px;
	
}

#ex_image_page h4 {
	clear: both;
	margin: 0;
	
	color: #C1C1C1;
	padding-left: 10px;
}

	
#ex_image_page a:hover {
	background: #B1B1B1 ;
	font-weight: normal;
}

.large_image_2 {
	clear: right;
	float: left;	
	width: 90%;	
	margin-left 0px;;
	margin-right: 0px; 
	margin-top: 10px; 
	
	 background-color: #e7e7e7;
}

.large_image_2 img {
	margin-left: 5px;
}

.large_image_3 {
	clear: right;
	float: left;	
	width: 90%;	
	margin-left 0px;;
	margin-right: 0px; 
	margin-top: 5px; 
	
	 background-color: white;
}

.large_image_3 img {
	margin-left: 8px;
}

.blog_full_width {
	
	padding-left: 0px;
	padding-right: 10px;
	
	margin-top: 15px;
	margin-right: 10px;
	margin-left: 5px;
	width: 95%;
	
	clear: right;
	float: left;
	background-color: #f1f1f1;
	-moz-box-shadow: 0 0 0 10px #888;
	-webkit-box-shadow: 0 0 0 10px#888;
	box-shadow: 0 0 10px #888;
}

.blog_full_width p {
	clear: left;
	float: left;
	font: 100% Arial;
	width: 90%;
	margin-top: 0px;
	padding-left: 10px;
	text-align: justify;
	
	
}



.blog_full_width h3 {
	clear: left;
	float: left;
	padding: 10px;
}	



.blog_full_width iframe {
	clear: right;
	float: right;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 10px;
	

}

.blog_full_width img {
	clear: right;
	float: left;
	margin-left: 5px;
	margin-right: 10px;
	margin-top: 10px;
	

}

.blog_narrow_width_blank{
	clear: right;
	float: left;
	width: 100%;
	height: 20px;
}

.article_centre {
	clear: right;
	float: left;
	margin-top: 10px;
	
	width: 100%;
	margin-right: auto;
	margin-left: 0px;
	text-align: left;
	background-color: #F1F1F1;
}

*html .article_centre {clear: both; float: left; width: 100%; margin-left: 5px;}

.article_centre h2 {
	background: #F1F1F1;
	padding: 10px;
	text-align: justify;
}

.article_centre p {
	clear: right;
	float: left;
	background: #F1F1F1;
	padding-left: 0px;
	padding-right: 0px;
	text-align: justify;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 60px;
	font-size: 12px;
}

.article_centre img {
	
	float: right;
	margin: 0 auto;
	padding-left: 40px;
	padding-top: 30px;
	padding-right: 40px;
	padding-bottom: 10px;
}


.article_centre_1 {
	clear: right;
	float: left;
	
	margin-top: 10px;
	
	width: 100%;
	margin-right: auto;
	margin-left: 0px;
	text-align: left;
	background-color: #F1F1F1;
}

*html .article_centre_1 {clear: both; float: left; width: 938px; margin-left: 100px;}

.article_centre_1 h1 {
	clear: right;
	float: left;
	background: #F1F1F1;
	margin-left: 20px;
	margin-top: 20px;
	padding: 10px;
	text-align: justify;
}

.article_centre_1 h2 {
	clear: right;
	float: left;
	background: #F1F1F1;
	padding: 10px;
	text-align: justify;
}

.article_centre_1 p {
	clear: both;
	float: left;
	background: #F1F1F1;
	padding-left: 0px;
	padding-right: 0px;
	text-align: justify;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 10px;
	font-size: 12px;
}

.article_centre_1 img {
	clear: both;
	float: left;
	margin-left: 0px;
	padding-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
}



.article_centre img {
	
	float: right;
	margin: 0 auto;
	padding-left: 40px;
	padding-top: 30px;
	padding-right: 40px;
	padding-bottom: 10px;
}


.article_centre_2 {
	clear: both;
	float: left;
	height: 2450px;
	margin-top: 10px;
	
	width: 937px;
	margin-right: auto;
	margin-left: 0px;
	text-align: left;
	background-color: #F1F1F1;
}

*html .article_centre_2 {clear: both; float: left; width: 938px; margin-left: 100px;}

.article_centre_2 h2 {
	background: #F1F1F1;
	padding: 10px;
	text-align: justify;
}

.article_centre_2 p {
	background: #F1F1F1;
	padding-left: 70px;
	padding-right: 70px;
	text-align: justify;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 60px;
	font-size: 18px;
}

.article_centre_2 img {
	
	float: right;
	margin: 0 auto;
	padding-left: 40px;
	padding-top: 30px;
	padding-right: 40px;
	padding-bottom: 10px;
}

.article_message {
	clear: right;
	float: left;
	width: 100%;
	
	border:5px blue;
	margin-top: 40px;
	background-color: white;
	-moz-box-shadow: 0 0 5px #888;
	-webkit-box-shadow: 0 0 5px#888;
	box-shadow: 0 0 5px #888;
}

.article_message h2 {
	padding-top: 10px;
	margin-left: 10px;
	margin-right: 10px;
	font: Arial;
}


.article_message p {
	padding-top: 0px;
	margin-left: 10px;
	margin-right: 10px;

}

.ad_space_middle {
	clear: right;
	float: left;
	font: 100% Arial;
	width: 90%;
/*	height: 90px; */
	margin-top: auto;
	margin-bottom: auto;
	margin-left: auto;
	margin-right: auto;
	padding-top: 20px;
	background: whire;
}

.ad_space_middle p {
	margin-left: 20px;
}

.blog_full_width_long {
	padding: 0px;
	padding-left: 0px;
	padding-right: 0px;
	width: 95%;
	margin-top: 5px;
	margin-right: 5px;
	margin-left: 5px;
	clear: right;
	float: left;
	background-color: #f1f1f1;
	-moz-box-shadow: 0 0 0 10px #888;
	-webkit-box-shadow: 0 0 0 10px#888;
	box-shadow: 0 0 10px #888;
}

.blog_full_width_long p {
	clear: left;
	float: left;
	font: 100% Arial;
	font-size: 1.5em;
	
	margin-top: 0px;
	padding-left: 10px;
	text-align: justify;
	
	
}



.blog_full_width_long h3 {
	clear: left;
	float: left;
	padding: 10px;
	font-size: 1.7em;
}	



.blog_full_width_long iframe {
	clear: right;
	float: right;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 10px;
	

}

.blog_full_width_long img {
	clear: right;
	float: left;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	

}

/* for the ben nevis walk */
.ben_nevis {
	background-color: #e7e7e7;
	font: arial,verdana;
	text-decoration: none;
	color: #000000;
	float: left;
	margin-top: 10px;
	margin-left: 0px;
	width: 90%;
	
	}

.ben_nevis img{
	width: 90%;	
	float: right;
	border: 0px;
	margin-top: 20px;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
	}

.ben_nevis iframe{
	
	border: 0px;
	margin-left: 12px;
	margin-top: 5px;
	margin-bottom: 50px;
	padding-left: 40px;
	padding-bottom: 23px;
	padding-right: 20px;
	}

.ben_nevis h1 {
	margin-left: 40px;
}

.ben_nevis h2 {
	margin-left: 40px;
}

.ben_nevis h3 {
	margin-left: 40px;
}


.ben_nevis p {
	float: left;
	border: 0px;
	clear: both;
	
	width: 90%;
	margin-left: 10px;
	margin-right: 5px;
	margin-top: 0px;
	margin-bottom: 10px;
	font-size: 1.7em;
	
	}

.licencing_options {
	background-color: #e7e7e7;
	font: arial,verdana;
	text-decoration: none;
	color: #000000;
	float: left;
	margin-top: 5px;
	margin-left: 0px;
	
}

.licencing_options p {
	float: left;
	margin-left: 20px;
}

.licencing_options h2 {
	color: #a1a1a1;
	font-family: arial,verdana;
	float: left;
	margin-left: 20px;
}

.licencing_options h3 {
	color: #a1a1a1;
	font-family: arial,verdana;
	float: left;
	margin-left: 20px;
}


</style>